<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>携法网</title>
		<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
		<style type="text/css">
			body {
				background-color: #fff;
			}
			.page-container {
				height: 80vh;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
			.logo {
				width: 60px;
				height: 60px;
				margin-bottom: 6px;
			}
			.btn {
				display: block;
				width: 200px;
				margin: 30px auto;
				padding: 4px;
				line-height: 2;
				border: 0;
				border-radius: 6px;
				background-color: #0073B1;
				color: #FFFFFF;
				font-size: 16px;
			}
		</style>
	</head>

	<body>
		<div id="app" class="page-container">
			<img class="logo" src="images/image_law.png" />
			<b>携法网</b>
			<button @click="openMP" class="btn">打开小程序</button>
		</div>
		<script>
			new Vue({
				el: '#app',
				data: {

				},
				mounted() {
					this.openMP();
				},
				methods: {
					openMP() {
						location.href = 'weixin://dl/business/?t=86lRDLnrMRj';
					}
				}
			})
		</script>
	</body>
</html>